<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        /*找到div 的儿子，设置成红色*/
        div p {
            color: red;
        }

        /*找到div 的孙子，设置成红色*/
        div div p {
            color: blue;
        }
    </style>
</head>
<body>
<!--    后代：儿子，孙子，重孙子......-->
<p>这是一个p标签</p>
<div>
    <p>这是div 的儿子p</p>
    <div>
        <text>这是text 文本</text>
        <p>这是第一个div 的孙子p</p>
    </div>
</div>
</body>
</html>